import {StyleSheet, Dimensions} from 'react-native';
const screenWidth = Dimensions.get('window').width;
const screenHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
    menuPanel:{
      backgroundColor: '#fff'
    },
    optionListItem: {
        height: 52,
        alignItems: 'center',
        flexDirection: 'row',
        justifyContent: 'space-between',
        borderBottomWidth: 1,
        borderBottomColor: '#ececec',
        paddingLeft: 10,
        paddingRight: 5
    },
    optionListItemLeft: {
        flexDirection: 'row',
        alignItems: 'center',
        width: 100
    },
    optionListItemLeftIcon: {
        width: 20,
        height: 25,
        marginTop: 2,
        marginRight: 10
    },
    optionListItemLeftLabel: {
        fontSize: 16,
        color: '#121212'
    },
    sure_btn: {
        borderRadius: 5,
        color: 'white',
        padding: 0,
        marginTop: 5,
        marginBottom: 5,
        marginLeft: 5,
        marginRight: 5,
        alignItems: 'center',
        height: 40,
        justifyContent: 'center',
    },
    cancel_btn: {
        borderRadius: 5,
        backgroundColor: 'white',
        padding: 0,
        marginTop: 5,
        marginBottom: 5,
        marginLeft: 5,
        marginRight: 5,
        alignItems: 'center',
        borderWidth: 1,
        height: 40,
        justifyContent: 'center',
    },
    form: {
        backgroundColor: '#fff',
        padding: 10,
        flex: 1,
    },
    textInput: {
        flex: 3,
        borderBottomWidth: 1,
        borderColor: '#dfdfdf',
    },
    formLabel: {
        flex: 1,
        color: '#666',
    },
    formItem: {
        paddingLeft: 20,
        paddingRight: 20,
        flexDirection: 'row',
        alignItems: 'center',
        fontSize: 16,
    },
})
export default  styles
